<template>
  <div flex="~ justify-between gap-4">
    <aside>
      <ul flex="~ col gap-1" ml--4>
        <li p="x-4 y-2" bg="hover:$bew-fill-2" rounded="$bew-radius">
          home page
        </li>
        <li p="x-4 y-2" bg="hover:$bew-fill-2" rounded="$bew-radius">
          video page
        </li>
        <li p="x-4 y-2" bg="hover:$bew-fill-2" rounded="$bew-radius">
          moments page
        </li>
      </ul>
    </aside>
    <main flex-1>
      <span text="8xl">WIP...</span>
    </main>
  </div>
</template>
